<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/page.css" type="text/css" rel="stylesheet">
    <style>
        .page .content li.selected {
            background-color: yellow;
        }
    </style>
</head>
<body>
<div class="page" id="div"></div>
</body>
<script src="js/page.js"></script>
<script>


    new page("#div", 100, {
        shownum:5,
        middlenum: 5,
        prevcontent: "上一页",
        nextcontent: "下一页",
        callback: function (pageindex) {
            //alert(pageindex);
        }
    })

    //日历
    //select
    //拖拽
    //放大镜
    //飞机大战面向对象
    //时间轴
    //滑动的时间控件
</script>
</html>